<extend name="common/base" />
<block name="resource">
    <link href="__PUBLIC__/Home/ui3/css/login.css" rel="stylesheet">
</block>
<block name="accountJS">
    <script src="__PUBLIC__/Home/ui3/js/web/user/login.js" type="text/javascript"></script>
    <script type="text/javascript">
        window._NICKNAME = {
            checkUrl : "{:U('api/visitor/checkNickname')}",
            setUrl : "{:U('user/nickname')}",
        };
    </script>
</block>
<block name="header">
    <include file="loginheader" />
</block>

<block name="content">
    <div class="main">
        <div class="nick-box">
            <div class="nick-title">
                <span>注册成功!</span>
            </div>
            <div class="nick-main">
                <div class="nick-avatar">
                    <img src="{$sso_avatar|default="__PUBLIC__/Home/ui3/images/avatar-mr.png"}" alt=""/>
                </div>
                <div class="nick-name">尊敬的用户</div>
                <if condition="$type eq 'web'">
                    <div class="nick-welcome">请设置您的昵称加入到66Play社区</div>
                <else />
                    <div class="nick-welcome">您是否使用{$sso_channel}昵称 [{$sso_nickname}] 登录66Play</div>
                </if>
                <div class="nick-input">
                    <i></i>
                    <input class="JS-account_input" name="nickname" type="text" maxlength="12" placeholder="请设置您的昵称" value="{$sso_nickname}" />
                </div>
                <p class="nick-tips" data-bind="text:nickname.error"></p>
                <input type="button" class="nick-submit btn myBtn JS-submit" value="确认" data-bind="click:setNickname"/>
            </div>
        </div>
    </div>
</block>